﻿@{
    Layout = null;
}
@using OPM.MultiResource

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>[@Multi.OPMTitle]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="apple-touch-icon" sizes="57x57" href="~/icon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="~/icon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="~/icon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="~/icon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="~/icon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="~/icon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="~/icon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="~/icon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="~/icon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="~/icon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="~/icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="~/icon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="~/icon/favicon-16x16.png">
    <link rel="manifest" href="~/icon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="icon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" type="text/css" href="~/css/resetcss.css">
    <link rel="stylesheet" type="text/css" href="~/css/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="~/css/style.css">
    <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>if (!window.jQuery) document.write(unescape('%3Cscript src="~/js/jquery.min.js"%3E%3C/script%3E'))</script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
    <script>if (!window.jQuery.ui) document.write(unescape('%3Cscript src="~/js/jquery-ui.min.js"%3E%3C/script%3E'))</script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.0/isotope.pkgd.min.js"></script>
    <script src="~/js/jquery.timeago.js"></script>
    <script src="~/js/timeline-detail.js"></script>
</head>

<body>
    <div class="container w100p">
        @Html.Partial("_LayoutHeader")
        @Html.Partial("_LayoutMenu")
        <div class="body_content floatL">
            @Html.Partial("_LayoutTabBar")
            <div class="titleTab">
                <div class="titleTab_timeline">Timeline</div>
            </div>


            <div class="timeLineZone timeLineBoxFull">
                <div class="timeLineBox p-Relative timeLineBoxLeft">
                    @foreach (var r in ViewBag.viewcase)
                    {
           
                            
                        <span class="timeline-main-icon1">
                            <!--
	เปลี่ยนเป็น
	 timeline-main-icon1
	 timeline-main-icon2
	 timeline-main-icon3
	 timeline-main-icon4
	ตามเหตุการ์ณ
-->

                            <div class="timeline-main-icon p-Absolute"></div>
                            <svg class="timeline-main-triangle p-Absolute" xmlns="http://www.w3.org/2000/svg" version="1.1">
                                <polygon points="0,0 0,13 13,13" />
                            </svg>
                            <div class="timeline-Title">
                                <p>@r.objective_text</p>
                                <time>@r.date_opened</time>
                            </div>
                        </span>
                        <div class="timeline-action p-Absolute" onclick="openActionBox();"></div>

@* @Html.Partial("_GroupListTimeline")*@
                        
                        <div class="timeline-action-box dNone p-Absolute">
                            <div class="timeline-action-box1"><a href="@Url.Action("EditCase", "GroupList", new { id = r.case_id })">แก้ไข</a></div>
                            <div class="timeline-action-box2">
                                <a href="@Url.Action("ContactAccount", "GroupList", new { id = r.case_id })?a=contact" data-block="block_contact" class="callBoxContact"
        onclick="callcolorbox2($(this).attr('href')); return false;">@Multi.coordinate</a>
                            </div>
                            <div class="timeline-action-box3">
                                <a href="@Url.Action("ViewCaseDetail", "GroupList", new { id = r.case_id })?a=contact" data-block="block_contact" class="callBoxContact"
        onclick="callcolorbox3($(this).attr('href')); return false;">@Multi.report</a>
                            </div>
                            <div class="timeline-action-box4">
                                <a href="@Url.Action("DuplicateCase", "GroupList", new { id = r.case_id })?a=contact" data-block="block_contact" class="callBoxContact"
        onclick="callcolorbox4($(this).attr('href')); return false;">@Multi.operater</a>
                            </div>
                            <div class="timeline-action-box4"><a href="@Url.Action("ViewCase", "GroupList", new { id = r.case_id })">สำเนาเปิดเรื่องใหม่</a></div>
                        </div>

                        <div class="detail-head">
                            <p><strong>[@Multi.CaseCode]</strong> @r.case_code</p>
                            <p><strong>ผู้เดือนร้อน</strong> @r.customer</p>
                        </div>
                        <div class="timeline-Detail">
                            <p><strong>[@Multi.Objective_text] : </strong>@r.objective_text</p>
                            <p class="Detail-box2"><strong>@Multi.Secret_level : </strong>@r.secret_text</p>
                            <p class="Detail-box2"><strong>ชั้นความเร็ว : </strong>@r.severity_text</p>
                            <p class="Detail-box2"><strong>@Multi.importance_level : </strong>@r.priority_text</p>
                            <p><strong>[@Multi.summary] : </strong>@r.summary_result_by_text</p>
                            <p><strong>[@Multi.detail] : </strong>@r.detail</p>
                            <p class="Detail-box1"><strong>[@Multi.CaseTypeOrgOwne] : </strong>@r.org_text</p>
                            <p class="Detail-box2"><strong>[@Multi.operatingStatus] : </strong>@r.case_org_status_text</p>
                            <p class="Detail-box2"><strong>ผลการปฎิบัติการ : </strong>@r.case_org_summary_result</p>
                            @*<p class="Detail-box1"><strong></strong>จังหวัดลำพูน</p>
                        <p class="Detail-box2"><strong>สถานะการปฎิบัติการ : </strong>ปฎิบัติแล้ว</p>
                        <p class="Detail-box2"><strong>ผลการปฎิบัติการ : </strong>แจ้งผลการพิจารณาคำร้อง</p>
                        <p class="Detail-box1"><strong></strong>สำนักคณะกรรมการศึกษาขั้นพื้นฐาน</p>
                        <p class="Detail-box2"><strong>สถานะการปฎิบัติการ : </strong>ปฎิบัติแล้ว</p>
                        <p class="Detail-box2"><strong>ผลการปฎิบัติการ : </strong>แจ้งผลการพิจารณาคำร้อง</p>*@
                            <p><strong>[@Multi.defendent] : </strong>-</p>
                            <p><strong>หน่วยงานที่เคยติดต่อ : </strong>-</p>
                            <p><strong>[@Multi.case_area] : </strong>@r.case_area @r.district_text @r.subdistrict_text, @r.province_text</p>
                            <p><strong>[@Multi.time_occurrenced] : </strong>@r.time_occurrenced</p>
                            @*<p><strong>มูลค่า : </strong>50,000 <span>บาท</span></p>*@
                            <p><strong>[@Multi.is_in_court] : </strong>-</p>
                            <p><strong>[@Multi.diagnosis_input] : </strong>@r.summary</p>
                            <p><strong>[@Multi.status_text] : </strong>@r.status_text</p>
                        </div>
                    }
                    @foreach (var a in ViewBag.timelineOperating)
                    {
                        <div class="timeline-Comment2 Comment_tab_id" data-id="">
                            <div class="floatL timeline-Comment-Avatar">
                                @if (a.image_base_64 == null)
                                {
                                    <img src="~/images/icon-avatar.png" alt="" />
                                }
                                else
                                {
                                    <img src="@a.image_base_64" alt="" />
                                }
                            </div>
                            <a href="@Url.Action("Profile", "OfficerProfileLogs")?a=contact" data-block="prifile" class="callBox">
                                <div class="timeline-Comment-Text">
                                    <p>@a.officer_text</p>
                                    <p>@a.operating_type_text</p>
                                    <time class="timeago" datetime="2015-04-16T12:52:17Z">@a.operating_date</time>
                                </div>
                            </a>
                            <div class="clear2"></div>
                        </div>
                    }


                </div>

            </div>
            <div class="clear"></div>
        </div>
</body>
</html>
